/* constant */
@rem: 25rem;
// 标签栏
.tab-bar {
  width: 100%;
  height: 44/@rem;
  display: flex;
  font-size: 12/@rem;

  button {
    flex: 1;
    background: none;
    border: none;
    color: #333333;
  }
  .active {
    border-bottom: 1/@rem solid #2ddd11;
    color: #2ddd11;
  }
}

// 内容
.container{
  // 下拉
  .pull-hook{
    font-size: 15/@rem;
  }

  // 列表
  .data-list{
    font-size: 12/@rem;
    .data-list-item{
      margin: 10/@rem 0;
      text-align: left;
      background: #FFFFFF;
      //border-radius: 5/@rem;
      // 头部
      .head{
        padding: 10/@rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1/@rem solid #ddd;
        h3{
          font-size: 15/@rem;
          color: #565656;
          font-weight: bold;
          margin: 0;
        }
      }

      // 内容
      .body{
        padding: 15/@rem 10/@rem 10/@rem;
        overflow: hidden;
        border-bottom: 1/@rem solid #ddd;
        margin-bottom: 10/@rem;

        .info-item {
          overflow: hidden;
          display: flex;
          margin: 0 0 10/@rem;
          .side {
            width: 30/@rem;
            margin-right: 15/@rem;
            .time-icon, .address-icon {
              display: block;
              margin: 0 auto;
            }
            .time-icon {
              width: 20/@rem;
              height: 20/@rem;
            }
            .address-icon {
              width: 14/@rem;
              height: 14/@rem;
              position: relative;
              top: 2/@rem;
            }
          }
          .info {
            p {
              margin: 0;
            }
          }
        }
      }

      // 底部
      .footer{
        padding: 0 10/@rem 10/@rem;
        font-size: 12/@rem;
        overflow: hidden;
        color: #333;
        display: flex;
        justify-content: space-between;
      }
    }
  }
}
